<!DOCTYPE html>
<html lang="en" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/custom.form.css">
    <style>
        .banner_title{
            position: absolute;
            background-color : rgb(51, 51, 51, 0.5);
            color: #fff3f3;
            width: 100%;
        }
        #demo1{
            width: 600px;
            height: 280px;
            border: 2px dashed rgb(26 160 148);
        }
        #demo1 img{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<div class="panel panel-default operation" hidden>
    <div class="panel-heading title"></div>
    <div class="layui-card-body">
        <form class="layui-form " action="" lay-filter="info" style="width: 700px;margin-top: 10px">
            <input name="id" hidden/>
            <input name="fileId" hidden/>

            <div class="layui-form-item">
                <label class="layui-form-label">图片标题</label>
                <div class="layui-input-block">
                    <input type="title" name="title" placeholder="请输入图片标题" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-block">
                    <button type="button" class="layui-btn" id="test1">上传图片</button>
                    <div class="layui-upload-list">
                        <div id="demo1"></div>
                        <p id="demoText"></p>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">排序</label>
                <div class="layui-input-block">
                    <input type="sortr" name="sortr" placeholder="请输入排序" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="submit">保存</button>
                    <button class="layui-btn layui-btn-primary" id="btn_cancel">返回</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="table_div">
    <!--<div id="searchParam" shiro:hasPermission="sysBanner:list">-->
    <!--<div class="layui-form-item">-->
    <!--<div class="layui-input-inline">-->
    <!--<input type="text" id="key" class="layui-input" autocomplete="off" placeholder="请输入">-->
    <!--</div>-->

    <!--<div class="layui-input-inline ">-->
    <!--<button class="layui-btn" onclick="search()" id="search">查询</button>-->
    <!--<button class="layui-btn" id="export">导出全部</button>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <div class="layui-carousel" id="carousel" style="margin: 0px auto;">
        <div id="banner-item" carousel-item>
            <!--<div>-->
                <!--<p class="banner_title">标题1</p>-->
                <!--<img src="/images/banner/1.png" style="width: 100%; height: 100%;">-->
            <!--</div>-->
            <!--<div>-->
                <!--<p class="banner_title">标题2</p>-->
                <!--<img src="/images/banner/2.png" style="width: 100%; height: 100%;">-->
            <!--</div>-->
            <!--<div>-->
                <!--<p class="banner_title">标题3</p>-->
                <!--<img src="/images/banner/3.png" style="width: 100%; height: 100%;"></div>-->
            <!--<div>-->
                <!--<p class="banner_title">标题5</p>-->
                <!--<img src="/images/banner/5.png" style="width: 100%; height: 100%;"></div>-->
            <!--<div>-->
                <!--<p class="banner_title">标题6</p>-->
                <!--<img src="/images/banner/6.png" style="width: 100%; height: 100%;"></div>-->
            <!--<div>-->
                <!--<p class="banner_title">标题7</p>-->
                <!--<img src="/images/banner/7.png" style="width: 100%; height: 100%;"></div>-->
        </div>
    </div>

    <table class="layui-table" id="showTable" lay-filter="showTable"></table>
</div>
<script type="text/html" id="toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="add" shiro:hasPermission="sysBanner:add">添加</button>
        <button class="layui-btn layui-btn-sm" lay-event="batchDeleted" shiro:hasPermission="sysBanner:delete">删除
        </button>
    </div>
</script>
<script type="text/html" id="tool">
    <a class="layui-btn layui-btn-xs" lay-event="edit" shiro:hasPermission="sysBanner:update">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" shiro:hasPermission="sysBanner:delete">删除</a>
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="show">查看</a>
</script>

</body>
</html>
<script src="/layui/layui.all.js"></script>
<script src="/js/core.util.js"></script>
<script src="/js/sysbanner/list.js"></script>